草庐IT

HTML5 SVG

全部标签

javascript - 为什么不能使用 "switch"技术从 HTML 更改范围值?

我有简单的Controller代码:JS$scope.showErrorAlert=false;$scope.switchBool=function(value){value=!value;};HTML×Error!{{errorTextAlert}}从代码片段中您可以看到我尝试更改$scope.showErrorAlert值。但是它不起作用,value发生了变化,但showErrorAlert没有变化。有人能告诉我为什么以及如何让它工作吗?谢谢 最佳答案 JS按值传递参数。通过引用传递的一个简单替代方法是传递一个对象(而不是属性本

javascript - 使用 Snap.svg 创建多行文本

我无法弄清楚如何在Snap.svg中使用单个paper.text元素创建多行文本。我已经尝试使用针对raphael.js提到的技术,例如\n,但这对snap.svg没有任何作用。我尝试过使用、\n及其变体,但没有任何效果。我觉得很奇怪,在raphael.js中很容易做到(在文档中),但是snap.svg文档没有提到任何相关内容,并且在网上搜索我什么也没发现。不胜感激,谢谢!http://jsfiddle.net/f3mkqovm/varmyRect=paper.text(100,100,["Lorem","","ipsumdolorsit\namet/nsee","\n","amend

javascript - 如何在考虑 html 标签规则的 JavaScript 中创建打字机效果?

假设我有一些来自div标签的文本,如下所示:Thisissomecoolcontent...现在,如果我愿意,我可以创建一个JavaScript函数,一次打印一个字符,它会工作得很好。示例如下。functionprintSentence(inner,outer,index,speed){varinput=document.getElementById(inner).innerHTML;vartimer=setInterval(function(){document.getElementById(outer).innerHTML+=input.charAt(index);index++;

javascript - HTML5 video.play 返回未决 promise

我正在尝试确定浏览器是否支持加载时自动播放。我正在使用以下代码,它在Androidchrome上运行良好,但对于桌面版Chrome,.catch或.then中的任何行都不会执行。promise似乎只是无限地返回Pendingpromises。这是一个真正的Chrome错误还是我不理解Promises在这里是如何工作的?constpromise=document.createElement('video').play();if(promiseinstanceofPromise){ promise.catch((error)=>{ //Checkifitistherighterror

javascript - 如何获取谷歌地图标记的 HTML DOM 元素?

给定一个GMarkerJS变量,我如何获得代表它的HTMLDOM元素?我需要这个所以我可以插入使用正确的z-index将我自己的数据放入map中。谢谢。 最佳答案 很抱歉在这么老的问题上发帖,但我自己也遇到过这个问题。我在GoogleMapsAPIv3中使用的解决方案是从theGoogleMapssamples复制“自定义标记”并添加一个简单的方法getDOMElement,它返回在Marker的构造中生成的div。CustomMarker.prototype.getDOMElement=function(){returnthis.

javascript - jsFiddle/echo/html 不适用于 jQuery

http://jsfiddle.net/YcK5X/我想知道为什么这个AJAX请求没有返回任何东西。$.ajax({type:'POST',url:'/echo/html',data:'Echo!',success:function(data){$('#ajax').html(data);},dataType:'text/html'}); 最佳答案 您想要回显的数据必须在名为html:的POST参数中提供$.ajax({type:'POST',url:'/echo/html/',data:{'html':'Echo!'},succe

javascript - 在 contentEditable 元素中插入 HTML 元素

我有一个contentEditablediv,我想在其中插入HTML标签(一个简单的span元素)。是否有跨浏览器解决方案允许我将这些标签插入我的div选择或光标位置。如果在页面上(不在div中)选择了其他内容,我想将标记附加到div的末尾。谢谢 最佳答案 这是一个启动//gettheselectionrange(orcursorposition)varrange=window.getSelection().getRangeAt(0);//createaspanvarnewElement=document.createElement

javascript - HTML 4 等同于 HTML 5 的 FileReader?

我有一个网页需要能够从运行浏览器的本地计算机将文件加载到DOM中。我发现使用HTML5文件API很容易做到这一点。我可以做到:varreader=newFileReader();reader.onload=function(fileContents){...loadcontentstoadiv...}reader.readAsText(f)//wherefisanHTML5Fileobject烦人的是,我需要它在IE7和一些不支持API的早期版本的Firefox中工作。有什么简单的方法可以在旧版浏览器中将本地文件加载到DOM中吗?非常感谢! 最佳答案

javascript - 可以将文本添加到 SVG 路径吗?

是否可以将文本添加到svg路径,我创建了一个svg三Angular形并想在其中心添加一个字母但不确定这是否可能? 最佳答案 是的。参见section10.13oftheSVG1.1specification(标题为“路径上的文本”)以获取有关使用textPath的信息元素。总结:给你的路径一个id属性。创建Mytexthere这是一个直接来自规范的例子:Exampletoap01-simpletextonapathWegoup,thenwegodown,thenupagain 关于jav

javascript - AngularJS $http HTML 解析器

总而言之,我们正在使用AngularJS开发一个网络应用程序,并且我们有一个用例/需求(根本不会经常发生),我们需要从静态服务器检索完整的HTML文档。但是,$http对象似乎返回原始HTML字符串作为其“数据”。我们试图避免使用外部库(例如jQuery),但我们需要将原始HTML字符串解析为可查询的DOM对象。我们可以使用iframe并完成它,但出于众所周知的原因,我们也试图避免使用iframe。所以,问题是:AngularJS是否有一个HTML解析器(就像它对JSON一样)?或者,处理这种情况的最优雅方式是什么?P.S.:我们尝试过筛选Angular的API文档,但老实说,它们是碰